 <template>
   
<!-- <van-tabbar v-model="active" class="my-footer">
      <van-tabbar-item icon="home-o" to="/">首页</van-tabbar-item>
      <van-tabbar-item icon="search" to="/category">分类</van-tabbar-item>
      <van-tabbar-item icon="friends-o" to="/circle">烘培圈</van-tabbar-item>
      <van-tabbar-item icon="setting-o" to="/myself">我的</van-tabbar-item>
    </van-tabbar> -->
    <van-tabbar route class="my-footer">
  <van-tabbar-item replace to="/" icon="home-o">首页</van-tabbar-item>
  <van-tabbar-item replace to="/category" icon="search">分类</van-tabbar-item>
  <van-tabbar-item icon="friends-o" replace to="/circle">烘培圈</van-tabbar-item>
  <van-tabbar-item icon="setting-o" replace to="/myself">我的</van-tabbar-item>
</van-tabbar>

 </template>
 
 <script>
    export default {
      
    }
 </script>
 
 <style lang="scss" scoped>
  
 .my-footer{
   position:fixed;
   bottom: 0;
   z-index: 10;
   left:0;
   width: 100%;
 }
 </style>
 
 